<template>
  <section class="main huise">
    <div class="header navh address">
      <a class="back"
         @click="back">
        <van-icon name="arrow-left"
                  size="0.48rem" />
      </a>
      <span>地址管理</span>
    </div>
    <van-address-list v-model="chosenAddressId"
                      :list="list"
                      default-tag-text="默认" />
  </section>
</template>
<script>
export default {
  data () {
    return {
      chosenAddressId: "1",
      list: [
        {
          id: "1",
          name: "张三",
          tel: "13000000000",
          address: "浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室"
        },
        {
          id: "2",
          name: "李四",
          tel: "1310000000",
          address: "浙江省杭州市拱墅区莫干山路 50 号"
        }
      ],
      disabledList: [
        {
          id: "3",
          name: "王五",
          tel: "1320000000",
          address: "浙江省杭州市滨江区江南大道 15 号"
        }
      ]
    };
  },
  methods: {
    back () {
      this.$router.go(-1);
    }
  }
};
</script>
<style>
.address span {
  font-size: 0.34rem;
  font-weight: 900;
  line-height: 0.88rem;
  float: left;
  margin-left: 2rem;
}
</style>